<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1" />
        <title>
        </title>
        <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.css" />
		<link rel="stylesheet" type="text/css" href="css/main.css">
		<link rel="stylesheet" type="text/css" href="css/jquery.jqplot.css">
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js">
        </script>
        <script src="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.js">
        </script>
    </head>
    <body>
        <div data-role="page" data-theme="b" id="page1">
            <div data-theme="b" data-role="header" data-position="fixed">
                <a data-role="button" data-transition="fade" href="#page1" data-icon="arrow-l" data-iconpos="left">
                    返回
                </a>
                <h4>
                    某某管理系统
                </h4>
            </div>
            <div data-role="content">
                <div class="ui-grid-d">
                    <div class="ui-block-a">
                        <ul data-role="listview" data-divider-theme="b" data-inset="true">
                            <li data-role="list-divider" role="heading">
                                Divider
                            </li>
                            <li data-theme="c">
                                <a href="#" data-transition="slide">
                                    Button
                                </a>
                            </li>
                        </ul>
                    </div>
                    <div class="ui-block-b">
                        <ul data-role="listview" data-divider-theme="b" data-inset="true">
                            <li data-role="list-divider" role="heading">
                                Divider
                            </li>
                            <li data-theme="c">
                                <a href="#" data-transition="slide">
                                    Button
                                </a>
                            </li>
                        </ul>
                    </div>
                    <div class="ui-block-c">
                        <ul data-role="listview" data-divider-theme="b" data-inset="true">
                            <li data-role="list-divider" role="heading">
                                Divider
                            </li>
                            <li data-theme="c">
                                <a href="#" data-transition="slide">
                                    Button
                                </a>
                            </li>
                        </ul>
                    </div>
                    <div class="ui-block-d">
                        <ul data-role="listview" data-divider-theme="b" data-inset="true">
                            <li data-role="list-divider" role="heading">
                                Divider
                            </li>
                            <li data-theme="c">
                                <a href="#" data-transition="slide">
                                    Button
                                </a>
                            </li>
                        </ul>
                    </div>
                    <div class="ui-block-e">
                        <ul data-role="listview" data-divider-theme="b" data-inset="true">
                            <li data-role="list-divider" role="heading">
                                Divider
                            </li>
                            <li data-theme="c">
                                <a href="#" data-transition="slide">
                                    Button
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
				<div id="chart" style="width:95%;height:30%"></div>
                <ul data-role="listview" data-divider-theme="b" data-inset="true">
                    <li data-role="list-divider" role="heading">
                        表头
                    </li>
                    <li data-theme="c">
                        <div data-transition="fade">
                            <div class="ui-grid-d">
								<div class="ui-block-a">
									测试~
								</div>
								<div class="ui-block-b">
									测试~
								</div>
								<div class="ui-block-c">
									测试~
								</div>
								<div class="ui-block-d">
									测试~
								</div>
								<div class="ui-block-e">
									测试~
								</div>
							</div>
                        </div>
                    </li>
                </ul>
            </div>
            <div data-theme="b" data-role="footer" data-position="fixed">
                <a data-role="button" data-transition="fade" href="#page1" data-icon="gear" data-iconpos="left">
                    设置
                </a>
				<a data-role="button" data-transition="fade" href="#page1" data-icon="grid" data-iconpos="right">
                    呼叫专家
                </a>
				<a data-role="button" data-transition="fade" href="#page1" data-icon="grid" data-iconpos="right">
                    呼叫设备管理员
                </a>
				<a data-role="button" data-transition="fade" href="#page1" data-icon="star" data-iconpos="right">
                    确定
                </a>
            </div>
        </div>
        <script language="javascript" src="js/jquery.jqplot.min.js"></script>
		<script type="text/javascript" src="js/plugins/jqplot.dateAxisRenderer.min.js"></script>
		<script type="text/javascript" src="js/plugins/jqplot.canvasTextRenderer.min.js"></script>
		<script type="text/javascript" src="js/plugins/jqplot.canvasAxisTickRenderer.min.js"></script>
		<script type="text/javascript" src="js/plugins/jqplot.categoryAxisRenderer.min.js"></script>
		<script type="text/javascript" src="js/plugins/jqplot.barRenderer.min.js"></script>
		<script language="javascript" src="js/main.js"></script>
    </body>
</html>